@charset "utf-8";
@import "_common.scss";
@import "_init.scss";
.web {
    
    background: url(../img/website_bg.jpg);
    //头部  S
    header{
        width: 100%;
        height: r(90);
        background: #ffffff;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        i:first-child{
            font-size: r(44);
            color: #000000;
            margin: 0 r(64) 0 r(40);
           
        }
        i:nth-child(3){
            font-size: r(21);
            color: #bababa;
            position: absolute;
            right: r(320);
            
        }
        input{
           border-radius: r(20);
           border: r(1) #241f47 solid ;
            height: r(40);
            width: r(420);
            text-align: center;
            color: #BABABA;
            font-size: r(20);
           
        }
       
    }
    
    
    //头部  E
    //中部  S
    
    section{
        .lunbotu_box{
            position: relative;
            margin: 0 auto;
        .lunbotu{
            width: r(640);
            height: r(313);
            a{
                width: 100%;
                height: 100%;
                display: block;
                img{
                    width: 100%;
                }
            }
        }
        .dian{
            width: 100%;
            height: r(40);
            position: absolute;
            bottom: 0;
            display: flex;
            justify-content: center;
          align-items: center;
            div{
                background: #FFFFFF;
                width: r(12);
                height: r(12);
                border-radius: 50%;
                margin: 0 r(15);
            }
        }
        
        }
        .sousi_box{
            width: r(640);
            height: r(610);
            display: flex;
            flex-direction: column;
            justify-content: space-around;
          align-items: center;
        .sousi{
            width: r(610);
            height: r(180);
            background: rgba(255,255,255,0.5);
            display: flex;
            justify-content: space-around;
            align-items: center;
            .picture{
                width: r(352);
                height: r(177);
                a{
                    width: 100%;
                    height: 100%;
                    display: block;
                    img{
                        width: 100%;
                    }
                }
            }
            
            .miaoshu{
                background: url(../img/jewelry_type_bg.png);
                background-size: cover;
                width: r(190);
                height: r(60);
                border-radius: r(20);
                a{
                    
                    p{
                        font-size: r(26);
                        line-height: r(60);
                        color: #FFFFFF;
                        text-align: center;
                    }
                }
            }
            
        }
        
        }
        
        
    }
    //中部  E
    //底部  S
    
    
    
    
    
    //底部  E
}